/*
 * @Descripttion:
 * @version: 1.0.0
 * @Author: Shentong
 * @Date: 2021-04-09 12:34:34
 * @LastEditors: Shentong
 * @LastEditTime: 2021-11-04 14:25:48
 */
/**
 * @description 此页面暂时不用： TODO:
 */
 import React, { useEffect, useState } from "react";
 import { View} from "@tarojs/components";

 import styles from './index.module.scss'

 const LabelItem = ({ labelList }) => {
   const [list, setList] = useState([])
   useEffect(() => {
    setList([...labelList])
   }, [labelList]);
   return (
     <View className={styles.labels}>
       {
         list.slice(0,5).map((item, index) => {
           return (
             <View key={`label_${index}`} className={styles.item}>
               {item}
             </View>
           )
         })
       }
     </View>
   );
 }

 export default LabelItem
